footer{
    .footer-header{
        width: 1226px;
        height: 80px;
        margin: 0 auto;
        text-align: center;
        padding-top: 30px;
        border-bottom: 1px solid #e0e0e0;
        >div{
            width: 20%;
            float: left;
            user-select: none;
            border-right: 1px solid #e0e0e0;
            .iconfont{
                margin-right: 6px;
                font-size: 24px;
                line-height: 24px;
                vertical-align: -4px;
            }
            >div{
                cursor: pointer;
                display: inline;
            }
            >div:hover{
                color: #ff6700;
            }
        }
        >div:last-child{
            border-right: none;
        }
    }
    .footer-nav{
        width: 1226px;
        margin: 0 auto;
        padding: 40px 0;
        .fn-list{
            float: left;
            width: 160px;
            .fn-title{
                font-size: 14px;
                margin: 0 0 25px;
            }
            >p{
                font-size: 12px;
                margin: 10px 0 0;
                >a{
                    color: #757575;
                }
                >a:hover{
                    color: #ff6700;
                }
            }
        }
        .manual-service{
            width: 252px;
            float: right;
            text-align: center;
            border-left: 1px solid #e0e0e0;
            >p:first-of-type{
                font-size: 22px;
                color: #ff6700;
            }
            >p:nth-of-type(2){
                font-size: 12px;
                color: #616161;
            }
            >p:nth-of-type(3){
                font-size: 12px;
                color: #616161;
                position: relative;
                .iconfont{
                    font-size: 20px;
                    cursor: pointer;
                }
                .iconfont:hover{
                    color: #ff6700;
                }
                .ms-code{
                    display: none;
                    position: absolute;
                    width: 126px;
                    height: 126px;
                    top: 25px;
                    left: 100px;
                }
                .icon-weixin1:hover .ms-code{
                    display: block;
                }
            }
            .ms-box{
                color: #ff6700;
                width: 118px;
                height: 28px;
                font-size: 12px;
                margin: 5px auto;
                border: 1px solid #ff6700;
                line-height: 28px;
                cursor: pointer;
                .iconfont{
                    font-size: 12px;
                }
            }
            .ms-box:hover{
                color: #fff;
                background-color: #ff6700;
            }
        }
    }
    .footer-footer{
        padding: 30px 0;
        background-color: #fafafa;
        .ff-container{
            position: relative;
            width: 1226px;
            margin: 0 auto;
            padding-left: 67px;
            .footer-logo1{
                position: absolute;
                left: 0;
                top: 0;
                >img{
                    width: 56px;
                    height: 56px;
                }
            }
            >p{
                font-size: 12px;
                color: #757575;
                >span:hover{
                    color: #ff6700;
                    cursor: pointer;
                }
            }
            >a{
                display: inline-block;
                >img{
                    width: auto;
                    height: 28px;
                }
            }
        }
        .footer-logo2{
            width: 100%;
            height: 19px;
            margin: 30px auto 0;
            background: url(https://cdn.cnbj1.fds.api.mi-img.com/staticsfile/global/slogan2020.png) no-repeat center 0;
        }
    }
}